<template>
	<view>
		<view class="tkcon" >
			<view class="tkmain">
				<view>
					<image src="https://applet.youtuyiliao.com/profile/upload/xiaochengxu/static/gt.png" mode=""></image>
				</view>
				<view v-if="show" class="fontw" style="font-size: 48rpx;margin-bottom: 32rpx;">{{title}}</view>
				<view class="color666" style="width: 90%;margin: 0 auto;">
				{{content}}
				</view>
				<view class="tkbtncon">
					<view @click="tycancel">{{cancelcontent}}</view>
					<view @click="submit">{{submitcontent}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name: "DrugWithdrawal",
		props:{
			content:{
				type:String,
				default: "",
			},
			title:{
				type:String,
				default: "",
			},
			cancelcontent:{
				type:String,
				default: "",
			},
			submitcontent:{
				type:String,
				default: "",
			},
			// 是否允许额外操作
			show: {
				type: Boolean,
				default: false,
			},
		},
		methods:{
			tycancel(){
				this.$emit('cancel')
			},
			submit(){
				this.$emit('submit')
			}
		}
	}
</script>

<style>
	
	/* 	弹框 */
	.tkcon{
		background-color: #C2C2C2;
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		z-index: 10000;
	}
	.tkmain{
		width: 80%;
		margin: 0 auto;
		position: absolute;
		left: 10%;
		top: calc(50vh - 300rpx);
		background-color: #FFFFFF;
		border-radius: 24rpx;
		padding-bottom: 70rpx;
		/* height: 600rpx; */
	}
	.tkmain>view{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	.tkmain image{
		height: 128rpx;
		width: 128rpx;
		margin: 50rpx auto;
	}
	.tkbtncon{
		width: 100%;
		height:80rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-around;
	}
	.tkbtncon>view{
		width: 45%;
		height: 100%;
		line-height: 80rpx;
		border-radius: 16rpx;
		margin-top: 70rpx;
	}
	.tkbtncon>view:first-child{
		color: #3FA3FA;
		border: 1px solid #3FA3FA;
	}
	.tkbtncon>view:last-child{
		color: #FFFFFF;
		background-color:#3FA3FA ;
	}
</style>
